$default-color: #333333;
$link-color: #0066cc;
$heading-color: #111111;
$separator-color: #d6d6d6;
$gray-color: #f3f3f3;
$background-color: #fefefe;
$highlight-color: #ff9900;
$error-color: #aa0000;

$default-size: 14px;
$small-size: 12px;
$large-size: 18px;
$heading-size: 20px;

$default-font: #{$default-size}/1.4 Helvetica, Arial, sans-serif;
$heading-font: #{$heading-size}/1.2 Helvetica, Arial, sans-serif;

body {
	background: $background-color;
	font: $default-font;
	color: $default-color;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	font: $heading-font;
	color: $heading-color;
}

	h1 a, 
	h2 a, 
	h3 a, 
	h4 a, 
	h5 a, 
	h6 a {
		color: inherit;
		text-decoration: none;
	}

h2 {
	font-size: $heading-size;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 14px;
}

p {
	line-height: 1.6;
}

p.error {
	@include message-error;
}

p.success {
	@include message-success;
}

p.warning {
	@include message-warning;
}

a {
	color: #36c;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#content {
	@include clearfix;

	width: 960px;
	margin: 0 auto;
}

	// | 210 | 40 | 210 | 40 | 210 | 40 | 210 |
	// | 210 | 40 | 335      | 40 |       335 |		
	#primary-content {
		background: url(#{$WEBROOT}Sites/SleekCMS/Styles/SleekCMS/GFX/separator.png) no-repeat left top;
		width: 710px;
		min-height: 400px;
		padding: 20px 0 20px 20px;
		float: right;
	}

		#primary-content > *:first-child > h2:first-of-type {
			font-size: $heading-size * 1.3;
		}

	#secondary-content {
		width: 210px;
		padding: 20px 0;
		float: left;
	}
